<template>
    <view class="globe_back">
        <view class="setUp">
            <view @click="isRouter(item.path)" v-for="item in list" class="p_24 br_24 back_fff flex justify_content_between align_items_center mt_24 setupList">
                <view class="flex align_items_center">
                    <text class="f_28 cl_333A47 ml_24">{{ item.name }}</text>
                </view>
                <view>
                    <text class="tip">{{ item.type }}</text>
                    <image class="img_32" src="https://jiuyuan.smomotbo.com/static/imgs/query-info/next-icon.png" mode=""></image>
                </view>
            </view>
        </view>
        <view style="height: 200rpx"></view>
        <view class="addBtn back_3377FF br_24 cl_fff" @click="add">退出登录</view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            list: [
                {
                    name: '我的技能',
                    id: 0,
                    path: '/pages/OrderReceiverTerminal/me/skill'
                },
                { name: '我的银行卡', id: 1, path: '' },
                { name: '登录密码', id: 2, type: '已设置', path: '' },
                { name: '支付密码', id: 3, type: '已设置', path: '' },
                {
                    name: '我的信息',
                    id: 4,
                    path: '/pages/OrderReceiverTerminal/me/MyInformation'
                }
            ]
        };
    },
    methods: {
        isRouter(url) {
            this.$api.auth(url);
        }
    }
};
</script>

<style scoped lang="scss">
.setUp {
    padding: 32rpx;
}
.setupList {
    width: 638rpx;
    height: 60rpx;
    .tip {
        color: #999ca3;
        font-size: 28rpx;
        margin-right: 10rpx;
    }
}
.addBtn {
    width: 686rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    margin: 16px auto;
    position: fixed;
    bottom: 100rpx;
    left: 50%;
    margin-left: -343rpx;
}
</style>
